<template>
    <p>作用域插糟</p>
    <P>父组件</P>
    <P>下面是son组件的内容</P>
    <Son v-slot="slotprops">
     <p>儿子的名字是:{{ slotprops.sonName }}</p>
    </Son>
    <p>slot解构</p>
    <Son v-slot="{sonName}">
     <p>儿子的名字是:{{ sonName }}</p>
    </Son>
    <p>Bon儿子</p>
    <BonSon>
      <template v-slot:header="{sonName}">
       <p>儿子的名字是:{{ sonName }}</p>
      </template>
    </BonSon>

</template>

<script>
   import Son from './Son.vue';
   import BonSon from './BonSon.vue';
   export default{
      components:{
    Son,
    BonSon
}
   }
</script>